在写页面逻辑的时候出现这样一个情况子组件获取父组件的props值,并直接修改控制台报错这是因为vue为了避免子组件修改数据污染父组件而采取的措施 于是我把props值赋值给子组件的一个state props: { che…
标签:vue.js教程
【Vue .js 计算属性和侦听器】vue.js看着官方文档的从0开始瞎摸学习
计算属性 vs 方法 对于任何复杂逻辑,你都应当使用计算属性计算属性是基于它们的响应式依赖进行缓存的这给例子中,计算属性的getter函数是没有副作用的,当我们改变实例的message时,不管是调用method的函数还是…
Vue中实现拖放排序
啥也不说,贴上代码: <!DOCTYPE html><html lang=”en”><head> <meta charset="UTF-8"> &l…
使用vue-cli3工具创建vue项目
1.升级nodejs版本(需要8.9.0以上,官方推荐8.11.0+) 2.卸载老版vue-cli npm uninstall vue-cli -g # OR yarn global remove vue-cli 3.安…
自定义elementUI表格规则
versionNo: [ { validator: validateVersionNo, trigger: ‘blur’} ], var validateVersionNo = (rule, va…
Vue中util的工具函数
// 防抖函数function debounce (fn, wait) { let t return () => { let context = this let args = arguments if (t) c…
elementUI 中tag的使用
<el-form-item label=”标签” class=”partAdd_tag” prop=”tags”> <el-tag…
Vuex 的一般操作
npm i vuex 下载 App.vue <template> <div id=”app”> <p>click{{$store.state.count}} t…
[Vue.js 模板语法】 vue.js看着官方文档的从0开始瞎摸学习
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 插值 1…
Vue 项目尝鲜(三) 常规 Vue 操作
前言 上回我们项目也跑起来了,目录结构也简单了解了,现在我们就开始将我们之前看文档的那些东西,在这边操作一下吧,如果你之前没有看过 vue 文档的话,也没事,先看完我这个,然后再回去学习官方文档。 预备工作 这次的话,我…
Vue 项目尝鲜(二) 项目结构简析
前言 上回我们成功搭建运行了一个 vue 项目,这次的话我们来捋一捋这个项目的结构,当然也是简单看看,深入的话,其实我也不是很懂(手动捂脸) 目录结构 首先我们大概看一下他的结构,然后我们一个一个捋。 . ├── REA…
Vue 项目尝鲜(一) 搭建项目
前言 vue 是现在很火的一个前端开发框架,它容易学上手快,基本已经成为一名前端工程师的标配了。但是我们如果一开始只是看官方文档的话,有时候会感觉有点虚,这个时候就要搞整个项目来抚慰一下自己,证明一下自己。这次我就手把手…