乌龙白桃Nina酱

组件相当于一个类，每个<组件名 />就是它的实例，上树就相当于一个实例化的过程。 避免单个组件过于冗长，简化项目的管理维护工作。 Vue组件命名必须以大写字母开头。 App.vue组件是所有自定义组件的父组件。 在app文件夹下新建components文件夹后就可以在里面创建自…

  先在data中设置几个默认项来方便整个项目的架构：  有了默认项作参考更有利于结构层和样式层的排布：  基本结构和基本样式排布好之后项目就能立体呈现，后面要做的就进一步搭建功能以及优化：  优化1

在没有框架的前提下要把一个数组渲染成DOM表格需要经历一系列document.createElement()、appendChild()等冗长复杂的代码来实现，使用Vue后让类似这样的工作变得十分简单快捷。 HTML参与编程运用的是Vue指令系统。 v-show决定一个元素是否…

v-for可以循环data中的数组。 下面循环遍历arr，item作为循环变量依次成为arr中的每一项。key影响最小量更新。 在VSCode编辑器不报错的情况下可以直接写v-for="item in arr"，某些情况下受VSCode中所装插件影响编辑器会出现报错的情况，此时…

当style和class为动态属性时，其属性值需要是JSON格式（class还可以是数组格式）。 在学习前端之初编程讲究结构层，行为层，样式层三层分立，使用Vue后由于html参与程序的逻辑编辑使得程序编辑过程简化了许多。 在这里，class的属性值为动态，可以直接写逻辑语句，…

当需要html中的属性的值是动态的的时候可以在属性前加冒号。 加冒号后 "" 中就形成了一个动态的空间，因此我们要再写 `` 把属性值的字符串部分还原。 所有属性之前都可以加冒号，如此该属性的值便可以写表达式。

将数据渲染到页面即为数据绑定，页面内容的变化以所绑定的数据驱动。 在Vue中我们可以通过插值表达式{{}}或者数据绑定指令v-text, v-html以及v-pre来实现单向的数据绑定。 双向绑定在英文中叫 Two-lane Data-Binding或者Interactive …

每一个Vue组件的script部分都要向外暴露一个默认对象 default{}，这个对象里不是可以随意写属性的，里面可以写的属性仅有几个，除了这几个属性以外里面不可以写任何其他东西。 像这样在data中形成一个清单式数据列表的好处是整齐规范，缺点是结构冗长。 以上这种只关注数据…

项目名称不能以Vue命名，否则安装vue时会出现问题，因此这里继续在Webpack文件夹中进行Vue的实践，也能避免多个node_modules文件夹给电脑带来的负担。 【注意】template中必须有一个div，所有要写的其它html结构全部统一放到这个div里。 VS Co…