随笔分类 -  vue.js学习笔记

摘要：使用入门 使用render函数 他是Vue实例中的一个属性 和原始的直接使用组件标签的形式不同的是，render会将div中的东西清空将自己放进去，但是使用标签的形式不会，而是直接放在对应的后面 webpack中使用vue 1、首先安装vue cnpm i vue -D 2、导入vue import 阅读全文

摘要：恢复内容开始 webpack主要处理新语法，但是浏览器不识别，用webpack前端工具，处理成浏览器认识的 使用的时候 实现webpack热部署,使用webpack-dev-server，注意本地项目中必须安装webpack 需要配置文件 指定配置文件的名字，webpack.config.js 安装 阅读全文

摘要：开始的时候直接将图片放进组建的数据中，在v-for中使用的时候显示始终是0*0 后来直接使用导入的方式解决 阅读全文

摘要：Vue中获取DOM元素 还可以直接获取组件中的数据和方法，直接调用 阅读全文

摘要：自定义的私有组件，不能访问vm实例中的数据 1、父组件向子组件传值 在使用私有组件的时候，通过属性绑定的形式，把需要传递给子组件的数据，以属性绑定的形式传递到私有组件中 私有组件中的数据是实例私有的，比如通过ajax请求回来的数据，数据是可读可写的， props中的数据是VM实例传递过来的，只读 2 阅读全文

摘要：为了拆分Vue实例中的代码量，以不同的组件划分不同的功能，使用功能的时候直接调用相关的额组件就行了 模块化：从代码的逻辑角度进行划分的，方便代码的分层开发，每个模块的只能单一 组件化：从ui界面的角度进行划分的，方便ui间的复用 组件的实现方式 方式一： 使用 方式二： 方式三： 直接控制一个tem 阅读全文

摘要：过滤器的使用 通过管道符，只能所用在插值表达式和v-bind 私有过滤器的使用 按键修饰符 给文本框添加的按键修饰符，在使用enter键的时候就会自己调用add函数添加 除此之外还提供下面的按键修饰符： .enter .tab .delete .esc .space .up .down .left 阅读全文

摘要：MVVM中M、V、VM、三者在vue中的对应关系 插值表达式直接在标签中使用“{{ }}”引入相关的数据 v-cloak：这个是解决插值表达式闪烁的问题 v-text：没有插值表达式闪烁问题，但是他会覆盖标签中的内容，对于字符串中的标签是直接替换，不进行相关的解析 v-html：和上面的v-text 阅读全文