前面创建组件通过： //创建组件构造器 const myTitle = Vue.extend({template:""}); //注册组件 Vue.component('my-title',myTitle); 语法糖写法…
标签：css
Vue系列教程-16-component-组件化-父子组件
实例组件通过components，指定子组件，疯狂套娃。 我是分割线 <!DOCTYPE html> <html lang="en"> <head> <meta charset=…
Vue系列教程-15-component-组件化-全局组件-局部组件
全局组件：通过vue直接注册的。 const myTitle = Vue.extend({template:""}); 局部组件：通过vue实例创建的组件（components），只有这个实例里可以用 let app =…
Vue系列教程-14-component-组件化-基本使用
component：组件，是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码，并且在其它页面使用。 使用步骤： 1.创建组件构造器 const myTitle = Vue.extend({…
Vue系列教程-13-filters-过滤器
filters：同名字起过滤的作用，过滤一些内容：如违禁词。 使用：数据后加| 过滤器名字 我是分割线 <!DOCTYPE html> <html lang="en"> <head> …
Vue系列教程-12-computed-计算属性（get，set）
computed：内部有get和set两个方法，但一般不用set，在没有set的情况下默认为get 我是分割线 <!DOCTYPE html> <html lang="en"> <head&…
Vue系列教程-11-computed-计算属性
computed：计算属性，内部依然是方法，调用是不用加()相当于一个data。与methods的区别，调用多次，编译一次(如果值发生变化会自动重新编译)，性能更好。 我是分割线 <!DOCTYPE html>…
Vue系列教程-10-栗子记事本
@keyup v-model v-show v-for @click 指令的小栗子 <!DOCTYPE html> <html lang="en"> <head> <meta c…
Vue系列教程-09-指令v-for,v-model
v-for：遍历对象，一个参数及子元素，两参数及子元素及其索引 v-model：表单数据绑定 v-model修饰符: .lazy 失去焦点或回车才更新 .number 内容自动转数字类型 .trim 去除首尾空格 …
Vue系列教程-08-栗子简易轮播图
v-show v-click v-bind 综合应用小栗子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-…