代码哈士奇的博客

实例实例数据data父子传值props获取元素refs获取元素属性el实例属性options父实例parent根实例root插槽slots爷孙传值attrs重点★★★property自定义实例自定义实例方法使用场景全局引入js文件的某个方法全局引入整个js文件实例方法$watchdeep取消监听immediateemitVUE中也有很多实例，我们来讲一讲这些实例实例数据data我们在组件中会定义数据data() { return { text: "I,dog",

组件进阶与插槽组件进阶局部注册和全局注册局部注册全局注册方式一方式二方式二好处Props静态传值动态传值传值类型数字字符布尔值数组对象自定义事件插槽信息插槽代码插槽使用例子例一---简单弹窗例二---数据弹窗组件进阶命名注意: MyTest/my-test小写-小写或者大写加大写局部注册和全局注册以这两个组件为例局部注册在需要用的页面import引入在components注册<template> <div> <test-com>&

组件与插槽组件声明组件组件自己定义一个模板元素声明组件app.component(

数据声明和绑定数据声明HTML文件中VUE项目中数据绑定V-test数据声明HTML文件中参考vue3中文文档HTML来演示文档地址:点击进入官方给出的文档是这样的<div id="app"></div> <script> const data = { a: 1 } const vm = Vue.createApp({ data(){ return data } }).mount('#app')

添加页面新建页面在views中新建一个vue文件比如Test1125文件<template> <div>我是狗</div></template><script>export default { name: "Test1125"};</script><style scoped></style>添加路由import Vue from "vue";import VueRou

安装VUE安装Node.js下载地址https://nodejs.org/zh-cn/下载安装完成打开cmd windows键+r 输入cmd或者搜索打开输入 node -v出现这种情况安装完成切换淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org回车就行然后安装vue(4.0+)npm install -g @vue/cli同样回车vue -V(大写的V)此时安装成功vue ui可以打开可