陌尘吖的博客

vue-cli常用组件使用创建vue-cli安装：npm install vue-cli -g创建项目：vue init webpack 【项目名】配置element-ui安装：npm i element-ui -D配置main.js...import element from 'element-ui'import 'element-ui/lib/t...

webpack使用什么是webpackwewbpack是前端的一个项目构建工具，它是基于Node.js开发的前端工具安装webpack安装Node.js安装nrm：npm install nrm -g切换源：nrm use taobao查看源：nrm ls安装webpack：npm install webpack -g安装webpack-cli：npm install...

vue计算属性computed在computed中，可以定义一些计算属性，计算属性本质就是一个方法，在使用计算属性时可以作为属性使用简单使用新建两个data属性新建computed属性 computed: { oandt: function () { return this.onestr + this.twostr } }运行...

vue中watch侦听器创建侦听器创建数据：msg添加监听器 watch: { 'msg': function (newValue, oldValue) { console.log(oldValue + '----' + newValue) } }参数一为变化后的新值参数二为变化前的旧值<input type="t...

vue路由后端路由对于普通网站，所有超链接都是URL地址，所有URL地址都对应服务器上对应的资源。前端路由对于单页面应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时hash有一个特点：HTTP请求不会包含hash相关的内容，所以，单页面程序中的页面跳转主要用hash实现在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由。简单使用...

vue使用refs获取DOM元素和子组件数据获取DOM元素this.$refs.【ref值】获取子组件数据this.$refs.【子组件ref值】.【数据名】示例

vue组件传值父组件传值到子组件在父组件引用子组件时，通过属性绑定的形式，把需要传递的值传递给子组件。在父组件中使用子组件时：<pone :msg="msg"></pone>在子组件中props定义绑定的属性名：props: ['msg']然后可以在子组件中使用数据绑定使用父组件传来的数据注：组件中所有props中的数据，都是父组件传递给子组件的pro...

vue 组件什么是组件：为了拆分vue示例的代码量，能够使我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件。组件和模块化的不同：模块化：从代码逻辑的角度进行划分的组件化：从UI界面的角度进行划分的创建组件创建vue组件<!-- pone --><template><div class='pone'...

vue简单动画实现html<button @click="show =! show">show</button><transition name="fade"> <h1 v-show="show">动画</h1></transition>jsdata () { return { sh...

vue 过滤器以及自定义指令过滤器私有过滤器filters: { capitalize: function (msg) { return msg.replace('傻子', '**') } },全局过滤器Vue.filter('globalFilter', function (msg) { return msg.replace('...

vue基础命令{{ msg }} 插入字符串，可以插入单个js表达式v-once 一次性插值，当数据改变时，插值处的内容不会更新v-bind 用于单向绑定数据，缩写：:v-html 插入html字符串，会将字符串作为html代码解析v-if 指令将根据表达式的值的真假来插入或移除元素v-elese-if 同v-if需跟在v-if后v-else 需跟在v-els...