随笔分类 - Vue
Vue全家桶
摘要：https://www.jianshu.com/p/d8c7ab9986c6
阅读全文
摘要：在用脚手架搭建vue项目时，提示：无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本 这是你笔记本禁止运行脚本，解决办法 1.管理员身份打开 2 3.输入set-ExecutionPolicy RemoteSigned 4
阅读全文
摘要：一.vuex的简介 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。Vuex背后的基本思想，就是前面所说的单向数据流。图4就是Vuex实现单向数据流的示意图。 Store 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分
阅读全文
摘要：1.v-text v-text主要用来更新文本，等同于JS的text属性 <span v-text="msg"></span> 这两者等价 <span>{{msg}}<span> 2.v-html 双大括号的方式会将数据解释为纯文本，而非HTML。为了输出真正的HTML，可以用v-html指令。它等
阅读全文
摘要：一,Vue中的组件化开发: Vue中的组件也就是Vue实例 组件类型: 通用组件(例如,表单,弹窗,布局类等) 业务组件(抽奖,机器分类) 页面组件(单页面开发程序的每个页面都是一个组件) 组件开发三部曲:声明,注册,使用 二.slot插槽和 ref .$parent 1.插槽slot slot就是
阅读全文
摘要：一.Vue中的常用指令 什么是指令? 指令就是vue中提供的一些对于页面和数据更为方便的操作, 指令就是以数据去驱动DOM行为的,简化DOM的操作 常用指令 v-text / v-html :用于为标签内部赋值: 两者区别:v-text不能解析html标签.v-html可以解析html标签 v-if
阅读全文
摘要：一.Vue中的计算属性:computed 顾名思义,用于计算,便于计算的属性, 疑问:但是为什么会出现计算属性呢,官方文档已经给出了答案,这里引用官方文档中的原文: 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这个地方，模板不再
阅读全文
摘要：一.Vue-Router环境的安装: 如果使用vue-cli脚手架搭建,项目创建过程中会提示你自否选择使用vue-router,选择使用即可, 二.路由学习 1.路由的配置 vue-cli项目自动创建的路由文件是src包下面的router.js文件,你也可以创建一个文件夹.单独放置路由的js文件 例
阅读全文
摘要：版本说明:vue-cli:3.0 主要分为两类： 1.父子组件间的传值 2.非父子组件间的传值 1.父子组件间传值 父组件向子组件传值 第一种方式: props 父组件嵌套的子组件中，使用v-bind:msg=‘xxxx’进行对象的绑定，子组件中通过定义props接收对应的msg对象如图 父组件代码
阅读全文
摘要：Vue生命周期 1.版本说明: vue2.x 文章参考自:https://segmentfault.com/a/1190000014640577?utm_source=tag-newest 2.Vue生命周期图示 Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom→
阅读全文
摘要：一.安装node环境 尽量使用高版本的node环境,低版本的node环境会出现各种安装问题 下载地址: http://nodejs.cn/download/ 打开cmd node -v :查看node版本 npm -v :查看npm版本 二.安装vue-cli3 全局安装 npm install -
阅读全文
