自动化测试平台vue-django - 随笔分类 - 九五二七乌托邦

十、Vue-cli组件定义和本地样式

摘要：1.定义：vue中分成三个模块，template,script,style。然后在script中需要导出组件对象 export default. 代码如下： <template> <div class="mypage"> <h1>我的vue页面</h1> <p class="info">{{info 阅读全文

posted @ 2019-12-27 17:47 九五二七乌托邦阅读(452) 评论(0) 推荐(0)

九、vue-cli安装、创建项目、启动项目

摘要：node环境配置：安装nodejs配置环境变量NVM 版本管理器 1.安装nvm-setup之后配置环境变量 C:\Users\Administrator\AppData\Roaming\nvm 默认 2.安装指定版本的node：nvm install 10.16.0 3.切换版本 node use 阅读全文

posted @ 2019-12-27 16:49 九五二七乌托邦阅读(306) 评论(0) 推荐(0)

八、vue基础-router基础、动态参数、组件复用、配置404、嵌套路由、编程式导航、命名视图、重定向、导航守卫

摘要：1.基本使用 a.创建一个VueRouter对象：new VueRouter() b.在VueRouter中，需要传递一个routes参数，这个参数是一个数组类型，数据中存储的是对象，对象中最少有两个属性，一个是path代表的是url，一个是component代表数据更新的组件，代码如下： let 阅读全文

posted @ 2019-12-27 11:29 九五二七乌托邦阅读(255) 评论(0) 推荐(0)

七、vue基础--小案例

摘要：1、添加图书，删除图书代码如下： <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> 阅读全文

posted @ 2019-12-24 13:46 九五二七乌托邦阅读(220) 评论(0) 推荐(0)

六、vue基础--过滤器定义

摘要：七、过滤器定义 1.使用：{{username|strip}}、<a :href="url|strip">百度</a> 2.定义：都是定义一个函数，这个函数的第一个参数永远是被过滤的那个变量 a.局部定义：在组件中添加一个filters，然后在filters中添加过滤器 b.通过Vue.filter 阅读全文

posted @ 2019-12-23 17:23 九五二七乌托邦阅读(178) 评论(0) 推荐(0)

五、vue基础--生命周期函数

摘要：1.创建阶段： a.beforeCreate：Vue已经创建了，但是data,methods都还没有被创建好 b.created：datamethods都被创建好了 c.beforeMount：模板经过编译，还没有挂载到网页中 d.mounted：模板已经编译过，并已经挂载到网页。可以运行 2.运行阅读全文

posted @ 2019-12-23 16:53 九五二七乌托邦阅读(123) 评论(0) 推荐(0)

四、vue基础--自定义组件

摘要：1.语法：Vue.component("组件名字",{data,template})，代码如下： a. data：必须是一个函数，有一个返回值。和vue里面的使用方法一样 b. template: 用来标示这个组件的渲染后的具体的代码 <div id='app'> <button-count></ 阅读全文

posted @ 2019-12-23 14:43 九五二七乌托邦阅读(286) 评论(0) 推荐(0)

三、vue基础--表单绑定

摘要：表单输入绑定：可以一起使用以下修饰符，都是在v-model里面使用的，有input,radio,textrea,select中都可以使用绑定 1.单选按钮，代码如下： <div id='app'> <div> <input type="radio" value="One" v-model="pick 阅读全文

posted @ 2019-12-23 10:52 九五二七乌托邦阅读(131) 评论(0) 推荐(0)

二、vue基础--计算属性和监听器

摘要：1.一些操作需要计算后才能得到的用计算属性，需要放在computed属性中代码如下： <div id='app'> <div> <label>宽：</label> <input type="text" v-model:value="width"> </div> <div> <label>高：</la 阅读全文

posted @ 2019-12-21 17:27 九五二七乌托邦阅读(156) 评论(0) 推荐(0)

一、vue基础--语法

摘要：用到的前台编程工具是Visual Studio Code，暂时是官网下载vue.js到本地使用一、Visual Studio Code需要安装的插件： jshint ：js代码规范检查 Beautify ：一键美化代码插件 Vetur: .vue 文件识别插件 Javascript(Es6) co 阅读全文

posted @ 2019-12-20 17:45 九五二七乌托邦阅读(304) 评论(0) 推荐(0)

随笔分类 - 自动化测试平台vue-django