12 2019 档案
十、Vue-cli组件定义和本地样式
摘要：1.定义：vue中分成三个模块，template,script,style。然后在script中需要导出组件对象 export default. 代码如下： <template> <div class="mypage"> <h1>我的vue页面</h1> <p class="info">{{info
阅读全文
九、vue-cli安装、创建项目、启动项目
摘要：node环境配置：安装nodejs配置环境变量NVM 版本管理器 1.安装nvm-setup之后配置环境变量 C:\Users\Administrator\AppData\Roaming\nvm 默认 2.安装指定版本的node：nvm install 10.16.0 3.切换版本 node use
阅读全文
八、vue基础-router基础、动态参数、组件复用、配置404、嵌套路由、编程式导航、命名视图、重定向、导航守卫
摘要：1.基本使用 a.创建一个VueRouter对象：new VueRouter() b.在VueRouter中，需要传递一个routes参数，这个参数是一个数组类型，数据中存储的是对象，对象中最少有两个属性，一个是path代表的是url，一个是component代表数据更新的组件，代码如下： let
阅读全文
七、vue基础--小案例
摘要：1、添加图书，删除图书代码如下： <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'>
阅读全文
六、vue基础--过滤器定义
摘要：七、过滤器定义 1.使用：{{username|strip}}、<a :href="url|strip">百度</a> 2.定义：都是定义一个函数，这个函数的第一个参数永远是被过滤的那个变量 a.局部定义：在组件中添加一个filters，然后在filters中添加过滤器 b.通过Vue.filter
阅读全文
五、vue基础--生命周期函数
摘要：1.创建阶段： a.beforeCreate：Vue已经创建了，但是data,methods都还没有被创建好 b.created：datamethods都被创建好了 c.beforeMount：模板经过编译，还没有挂载到网页中 d.mounted：模板已经编译过，并已经挂载到网页。可以运行 2.运行
阅读全文
四、vue基础--自定义组件
摘要：1.语法：Vue.component("组件名字",{data,template})，代码如下： a. data： 必须是一个函数，有一个返回值。和vue里面的使用方法一样 b. template: 用来标示这个组件的渲染后的具体的代码 <div id='app'> <button-count></
阅读全文
三、vue基础--表单绑定
摘要：表单输入绑定：可以一起使用以下修饰符，都是在v-model里面使用的，有input,radio,textrea,select中都可以使用绑定 1.单选按钮，代码如下： <div id='app'> <div> <input type="radio" value="One" v-model="pick
阅读全文
二、vue基础--计算属性和监听器
摘要：1.一些操作需要计算后才能得到的用计算属性，需要放在computed属性中代码如下： <div id='app'> <div> <label>宽：</label> <input type="text" v-model:value="width"> </div> <div> <label>高：</la
阅读全文
一、vue基础--语法
摘要：用到的前台编程工具是Visual Studio Code，暂时是官网下载vue.js到本地使用 一、Visual Studio Code需要安装的插件： jshint ：js代码规范检查 Beautify ：一键美化代码插件 Vetur: .vue 文件识别插件 Javascript(Es6) co
阅读全文