2020/2/29 vue-cli知识点小结
以下所有总结只针对vue-cli中的问题
1.
在项目中运作时
因为vue-cli的格式要求严格
遍历数组或对象时需要绑定一个值作为索引,即:key=””;
2.
Vue的数据渲染格式上,
每个双括号之间只能有一个变量
3.
以该题为例
函数中的this指向的数据双向绑定的那个值,所以理解成绑定谁都一样,因为他们彼此是跟随改变的
打印this出来是一个vue的对象,里面包含了很多方法
4.
出现这个错是因为在使用v-for遍历时,:key绑定的值是一个对象,应该绑定一个string或者number,通常我们会绑定索引.这也是因为:key这个东西的出现就是为了加速数据读取方便渲染,如果是用对象作为key值只会更加降低效率.
5.
main.js中这两种写法等价,都是创建vue实例
6.
监听对象中某个属性
用引号括起来即可
7.
8.错误示例:
在组件中,使用选项props 来声明需要从父级接收的数据, props 的值可以是两种, 一种是字符串数组,一种是对象。渲染同样是在组件中渲染。
并且props对象内的数据的值表示的室类型,而不是直接写确定的值,不然父级渲染什么呢。
对上面错误示例进行纠正:
父级传输数据的格式如下:
如果想传输给组件的是一个完整的对象
那么父级中渲染格式应为:
渲染出的结果图:
9.对路由配置文件的详解
如图,是一个路由配置文件的完整代码
关于上图name属性,这篇文章有详细解释:
https://blog.csdn.net/alokka/article/details/84318734
关于上图mode属性的hash和history的区别,这篇文章有详细解释:
https://www.cnblogs.com/wuyunna/p/11496430.html
关于上图children属性:
他是当前对象的儿子,而当前对象是一级路由,所以此处children中的对象就是二级路由
二级路由不止一个,所以children应该为数组,与routes属性同理
关于上图path中对应的主文件app.vue的代码如下图:
其中
router-link 表示路由连接,会生成a标签
router-view 表示路由容器,用于显示组件的内容
配置二级路由与配置一级路由思路完全相同
只是以一级路由中的文件作为主文件向下爆炸
待更…