![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
freedom_文
这个作者很懒,什么都没留下…
展开
-
vue 页面报错小计
[Vue warn]: Missing required prop: “value”意思是说数据没有绑定,页面缺少value值。进行v-model数据绑定即可。2. [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined"refs 与 ref 内容不一致...原创 2020-03-30 19:38:33 · 853 阅读 · 0 评论 -
element-报错,[Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value
本来是想用循环的方式做个导航,但是报了个错误,检查一下是因为参数类型错误:重点是那句:Expected String with value “2”,字典翻译下就是值为“2”的期望字符串,index 里面的值必须是字符串类型,顺便强调一点,vue 对参数等 类型的要求是非常严格的只要把对应的数据修改成字符串类型即可;...原创 2019-12-10 21:02:54 · 1850 阅读 · 0 评论 -
【webpack】 4.x 版本 安装打包
中文文档: https://www.webpackjs.com/首先,需要下载node.js 的相关环境,这个就不多说了,网上一大堆,下载之后开始执行:1、新建一个文件夹,在终端里输入://全局安装:npm install webpack -gnpm install webpack-cli -g设置好以后可以选择在建一个子文件夹 “demo1”终端里输入: " cd dem...原创 2019-06-28 22:50:46 · 624 阅读 · 0 评论 -
【vue】几张图简单介绍一下index.js,index.html.App.vue等主页面的关系
1、index.html 2、main.js 所有通用的组件都是在 main.js 里面引入的3、app.vue 4、index.js 关于路由配置可以参考这个:https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%E8%B7%AF%E7%94%B1%E...原创 2019-10-30 23:01:49 · 541 阅读 · 0 评论 -
【vue】Error: Cannot find module 'node-sass' // Error: Can't find Python executable "python", you
Error: Cannot find module ‘node-sass’没有下载相关的依赖包等;解决方法npm install node-sass这个有时候还会报错,要让人安装python的环境,其实不用:如果用npm不能下载完全的话可以改用cnpm 换成淘宝的那个用:cnpm install node-sass关于淘宝的NPM镜像: 详细可参考:https://...原创 2019-10-30 22:46:35 · 718 阅读 · 0 评论 -
【Vue 】安装脚手架创建第一个项目
先做一些准备工作和其他说明,安装vue-cli 的时候有时候也许会报错,这个多半是因为node版本过低,请尽量使用较新版本。我安装时用的 cnpm 命令,是淘宝的 NPM 镜像,详细可参考:https://npm.taobao.org/简单安装就一局:npm install -g cnpm --registry=https://registry.npm.taobao.org然后开始搭...原创 2019-09-30 21:25:52 · 264 阅读 · 0 评论 -
web前端框架与库的区别; vue等属于框架; jquery等属于库
前端发展速度已经远远超出了我们的预计范围,JS迅速的流行,前端基于JS的框架(frameworks)/库(librarys)更是层出不穷,且各自都有其自身的优势以及劣势,有些是向开发使用者提供整套的服务,比如MVC一整套,有些则是专注于某一个点,比如专注于dom操作或异步请求;最近被问到这个问题,其实到我被问到这问题之前,都没有认真的考虑过它们的区别,处于学习以及好奇心理,查阅了相关文档,其中包...转载 2019-01-21 11:29:05 · 5491 阅读 · 2 评论 -
Vue框架整理:五、表单控件:input输入,单选、多选设置
表单控件一般多用于页面交互或数据录入,可以说是很常用的东西了,Vue提供了v-model 指令,用于表单元素的双向绑定数据需要注意的是,使用v-model后,表单控件只会关注绑定的数据,对于input的value值 或 textarea 中间的值都不会再生效<body><div id="v1"> <input type=&原创 2018-10-20 17:03:28 · 4110 阅读 · 1 评论 -
Vue框架整理:computed计算属性设置与缓存
简单的一些小计算可以直接用模板内的表达式计算,比较复杂一点的就建议使用“计算属性来运算了”,也方便后期的维护;vue所有的计算属性都以函数的形式写在Vue实例内的computed里面,返回计算后的数据。计算属性可以同时按多个Vue实例来计算,只要其中任何一个数据发生变化,计算属性就会重新计算一遍,返回新的数据,相对的刷新视图中的数据比如:<div id="v1"> ...原创 2018-10-19 09:20:09 · 7011 阅读 · 0 评论 -
cmd命令行 简单安装 Webpack 从零开始
安装 Webpack 一 、 在安装 Webpack 前,你本地环境需要支持 node.js。windows安装Node:32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi...原创 2018-10-06 20:13:52 · 1595 阅读 · 0 评论 -
Vue2 框架整理:兄弟组件 及 跨级组件通信
除了父子之间通信还有兄弟组件通信或跨级通信等在Vue2 中,一般都使用一个空的vue实例作为中央事件总栈来处理, 这里的“中央事件总栈”就类似于我们生活中“中介”一样的存在;比如:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset=&原创 2018-07-25 23:00:21 · 674 阅读 · 0 评论 -
Vue框架整理:动态设置样式style、class
先来说一下: :class 是可以与 一般用class 并存的动态添加的类名是基于数据的,当对应的数据为 true 时会显示,否则没有对象语法:绑定单个class:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2018-06-20 20:24:55 · 51178 阅读 · 0 评论 -
Vue框架整理:vue.js内置指令 v-if、v-for 、v-show 处理加载时闪动未处理的数据
vue 基本指令:v-cloak : 一般被用在网速较慢,Vue还没有加载完成时,不过当Vue创建实例后内容就会被替换掉, 并且屏幕会有一点闪动, 使用时最好配合的加一句CSS : [v-cloak]{ display:none;} 这个指令在小项目里有时会用,复杂的大项目会用其他的方法v-once :主要用于它的元素或组件只能被渲染一次,包括他所有的后代元素,渲染成功后,...原创 2018-06-13 20:53:33 · 2296 阅读 · 0 评论 -
Vue框架整理:全局组件、局部组件、特殊组件创建方法
vue的组件也是需要注册后才可以使用的,注册有全局注册和局部注册两种;全局组件注册后,任何vue实例都可以用:&amp;lt;div id=&quot;v1&quot;&amp;gt; &amp;lt;first-component&amp;gt;&amp;lt;/first-component&amp;gt;&amp;lt;/div&a原创 2018-06-22 21:01:15 · 5241 阅读 · 1 评论 -
Vue框架整理:表单控件:input 、select设置
表单控件一般多用于页面交互或数据录入,可以说是很常用的东西了,Vue提供了v-model 指令,用于表单元素的双向绑定数据需要注意的是,使用v-model后,表单控件只会关注绑定的数据,对于input的value值 或 textarea 中间的值都不会再生效&amp;amp;lt;body&amp;amp;gt;&amp;amp;lt;div id=&amp;quot;v1&amp;quot;&原创 2018-06-15 21:34:49 · 7513 阅读 · 0 评论 -
Vue框架整理:vue自带 v-model 修饰符
v-model 的修饰符,一般用于控制数据同步的时机1、.trim 自动过滤输入内容最开始 和 最后的 空格,中间的会保留一个空格,多的会被过滤掉<div id="v1"> <input type="text" v-model.trim="val"> <p> {{ val }}</p>&l原创 2018-06-16 20:16:48 · 5812 阅读 · 3 评论 -
Vue框架整理:vue.js应用 与 生命周期
Vue 的创建比较简单,通过构造函数Vue就可以了,然后就是一个必选项el.这个el可以是个html 元素,也可以是CSS 的选择器:&amp;amp;amp;lt;script&amp;amp;amp;gt;var first=new Vue({ el : document.getElementById('v1') //html }); var second=new Vue({ ...原创 2018-06-10 12:34:39 · 569 阅读 · 0 评论 -
Vue框架整理:插值、表达式 与 过滤器
插值 与 表达式1、 双大括号:{{ }} &amp;amp;amp;amp;nbsp; &amp;amp;amp;amp;nbsp; 是最基本的“文本”插值方法,能够实时显示我们需要的数据&amp;amp;amp;amp;lt;script&amp;amp;amp;amp;gt; var app=new Vue({ el:&amp;amp;amp;quot;#v1&原创 2018-06-10 14:36:21 · 2469 阅读 · 0 评论 -
Vue2 框架整理:组件props,父组件向子组件传递数据,单向数据流
vue的组件除了要把模板内的内容进行复用外,更重要的是组件间要进行通信。父组件向子组件传递数据:通常子组件会通过父组件传递来的数据或参数进行不同的渲染或不同的操作,就是用 props 实现正向传递数据的过程 选项props声明需要从父级接收的数据,props 的值可以是两种: 一、字符串数组; 二、对象...原创 2018-07-01 14:42:30 · 1332 阅读 · 0 评论 -
Vue2 框架整理:子组件向父组件传递数据,$emit() 或 v-on
当子组件向父组件传递数据的时候,需要的是自定义事件: $on &amp; $emit子组件用$emit()触发事件, 父组件用$on() 监听子组件的事件或者父组件也可以直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件:$emit() 中第一个参数是方法的名称,后面都是根据需求设定要传递的数据比如: (下面所有 v-on 简写为语法糖@)&lt...原创 2018-07-02 21:40:28 · 2590 阅读 · 0 评论 -
Vue框架整理:语法糖
vue 语法糖个人觉得VUE的语法糖也可以称之为“缩写” ,好理解一些,说的不对的欢迎大神指导 比如说: v-bind可以直接缩写为 “ :”&lt;a v-bind:href="url"&gt;跳转链接&lt;/a&gt;缩写为:&lt;a :href="url"&gt;跳转链接&lt;/a原创 2018-06-12 22:09:37 · 952 阅读 · 0 评论