摘要： 下面我们试一下创建新用户和删除按钮 这里的创建新用户 只是做了不为空的简单判断，没有加相应的正则判断， 接下来看一下删除按钮 从图中代码可以看到，vue中写增删表格，代码非常的简洁，删除按钮就只需要一行代码就够了： 阅读全文

摘要： 1.数组遍历 2.对象遍历 在这里绑定key值的时候，我引入了一个插件shortId,用来生成唯一的Id,保证每一个数据的唯一性； 在根目录打开cmd命令板，输入指令npm install vue-shortkey --save，安装即可，然后引入。 3.为什么要绑定Key? key是给每一个vno 阅读全文

摘要： 1.计算属性（computed） 作用： 1.减少模板中的计算逻辑 2.进行数据缓存 3.依赖固定的数据类型（响应式数据） 使用： 1.在computed属性对象中定义计算属性的方法、 2.在页面中使用{{方法名}}来显示计算的结果 3.通过getter/setter实现对属性数据的显示和监视 如下 阅读全文

摘要： 1.双大括号表达式： 语法：{{exp}} 功能：向页面输出数据，内部可以是变量，对象调用，表达式，最后一定要有结果，如下图 这的toUpperCase()方法是把输出的值转化为大写 2.强制数据绑定： v-bind指令进行数据绑定，如下图 从上图中可以看到有是三个a链接，第一个是ES5语法，第二个 阅读全文

摘要： 首先我们要知道vue-cli是基于webpack 而webpack是基于node.js的，所以我们需要先安装node， 安装node的话直接去node官网安装即可。 如何确定是否安装node成功呢，win+R打开cmd命令窗口，输入node -v指令，即可查看node的版本号，如下图： node 安 阅读全文

摘要： 1）vue.js介绍 1.1）基本概念 1.1.1)Vue.js是目前最火的一个前端框架，React是最流行的一个前端框架， React除了开发网站，还可以开发手机原生App,Vue语法也是可以用于进行手机App开发的，需要借助于Weex。 1.1.2）Vue.js是前端的主流框架之一，和Angul 阅读全文

摘要： 定义组件有两个要求： 组件名称必须以大写字母开头 组件的返回值只能有一个根元素 函数组件： function Welcome (props) { return <h1>Welcome {props.name}</h1> } ReactDOM.render(<Welcome name='react' 阅读全文

摘要： 钩子函数分为生命周期钩子和路由守卫钩子 生命周期钩子： beforeCreate(){ console.log('组件实例化之前') }, created(){ console.log('组件实例化完毕，单页面还未显示') }, beforeMount(){ console.log('组件挂载前，页 阅读全文

摘要： 组件 全局自定义组件 在任何一个实例中都可以使用 局部自定义组件 只能在当前的实例中使用 1.一个组件里面只能对应一个根标签 2.组件里面的内容写成返回值的形式 <div id="app"> {{ msg }} <hr> 组件的使用，就相当于自定义的标签，组件的名称就可以当成一个自定义的标签 <li 阅读全文

摘要： 首先需要引入Vue文件 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 插值表达式： {{ 表达式 }} {{“hello world”}} {{1}} {{true}} {{[1,2,3,4]}} {{ { 阅读全文