![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
Arong_zheng
日积月累,突破自己
展开
-
1.1 初识vue.js
1.vue.js是什么?构建数据驱动的Web应用开发框架 改变数据就能驱动页面的一个更新,再也不需要开发者自己去操作dom2.为什么如此受欢迎? (1)声明式渲染,应对前端分离的大趋势 内部包含了一套模板 (2)渐进式框架,适应各种业务需求以及场景 模块化开发,在不同段的需求都能满足 (3)快速交付,结合第三方UI框架 ...原创 2018-03-30 18:56:11 · 351 阅读 · 0 评论 -
1.2 vue模板语法
核心思想:数据驱动1. 模板语法 (1)插值 a.文本 {{ }} b.纯HTML v-html 防止XSS(跨站脚本攻击,盗取cookie,伪装成用户) c.表达式 (2)指令:是带有 v- 前缀的特殊属性 v-bind 动态属性绑定 v-if 条件(...原创 2018-03-30 19:06:09 · 425 阅读 · 0 评论 -
1.3计算属性computed
computed必须是纯函数纯函数:固定的输入得到固定的输出扩展:函数柯里化:函数返回函数<div id="box"> {{ name.substring(0,1).toUpperCase()+name.substring(1)}}</div><script> var vm ...原创 2018-03-30 19:29:03 · 216 阅读 · 0 评论 -
1.4vue class 与style绑定
1、class 与 style 绑定 <div id="box"> <div :class="isActive?'aa':'bb'"> 动态切换class 1 </div> <div :class={aa:isAAActive,bb:isBBActive}> 动态切换class 2 对象切换 ...原创 2018-03-30 19:32:30 · 128 阅读 · 0 评论 -
1.5 vue条件渲染
v-if 销毁和重新生成dom 频繁操作dom 会消耗性能 有更高的切换开销v-show 只是简单进行css切换 但有更高的初始渲染开销模糊查询原创 2018-03-30 19:41:50 · 156 阅读 · 0 评论 -
vue 路由
什么是路由?根据不同的组件显示不同的内容、页面。(做单页面应用)官方文档:https://router.vuejs.org/zh/guide/#html1.路由的安装npm install vue-router2. import Vue form ’vue‘ import VueRouter from ’Vue-Router‘ Vue.use()明确安装路由功能新建组件引入组件到src=>ro...原创 2018-06-21 22:57:28 · 209 阅读 · 0 评论 -
element-ui 常用
http://element-cn.eleme.io/#/zh-CN/component/quickstart1.安装element-uinpm i element-ui -S2.按文档引入3.开发main.js文件HelloWorld.vue原创 2018-07-08 22:29:57 · 1014 阅读 · 0 评论 -
axios
原创 2018-07-09 22:17:15 · 166 阅读 · 0 评论 -
vue 开发过程中遇到的问题
1.为了防止自身组件的值影响到父组件JSON.parse(JSON.stringify(this.multipleselection[0]))2.下拉框可过滤数据 filterable3.表单重置 resetFields未定义报错问题原因:click 弹出的时候$ref并没有获取到DOM元素导致的解决:this.$neckTick(()=>{t...原创 2019-06-04 14:18:28 · 915 阅读 · 0 评论