摘要: mixin mixin是vue提供的一个功能,意为混入。他用起来像共享一个js,实际的效果又不太像,下面具体来说下 局部mixin 定义一个共用的js文件,定义的json对象里的属性需要是组件实例可以编写的属性,比如created,mounted,data(),methods等等: export c 阅读全文
posted @ 2022-07-20 16:37 爱编程DE文兄 阅读(271) 评论(0) 推荐(0) 编辑
摘要: props props和data都是当前组件实例的属性。但区别在于: props的值是父组件来赋予的,且原则上不能修改赋值后的值;data的数据可以预先就赋值好也可以不赋值,后期可以任意修改 props属性的解析顺序大于data,因此在data中是可以使用props的数据的,如下 name:'Stu 阅读全文
posted @ 2022-07-20 16:16 爱编程DE文兄 阅读(137) 评论(0) 推荐(0) 编辑
摘要: ref 先说结论:vue中可以用ref属性代替id属性。 以前我们想要获取具体某个标签dom对象,要在标签上加个id="demo",然后通过document.geElementById("demo")来获取; 现在ref也能完成这个功能,并且可以用在子组件标签上。如下: <template> <di 阅读全文
posted @ 2022-07-20 15:15 爱编程DE文兄 阅读(96) 评论(0) 推荐(0) 编辑
摘要: render函数 当我们创建完vue脚手架后,在main的js,有这么一段代码: new Vue({ render: h => h(App), }).$mount('#app') }) 上面一段代码是等同于下面: new Vue({ el:'#app', template:`<App></App>` 阅读全文
posted @ 2022-07-20 14:16 爱编程DE文兄 阅读(184) 评论(0) 推荐(0) 编辑
摘要: Vue脚手架前置知识 vue提供了一个脚手架,把各种插件,文件目录和机构都作了规定...但如果你是第一次接触这种结构,可能会不明白其意义,下面做一个简单的讲解 基础知识 index.html:vue程序的主页面(最外层的页面),也是el容器标签所在页面 main.js:index.html的核心js 阅读全文
posted @ 2022-07-20 14:02 爱编程DE文兄 阅读(59) 评论(0) 推荐(0) 编辑