Vue
天下1281
这个作者很懒,什么都没留下…
展开
-
记录代码
vue代码<el-input class="input" v-model="inputVal" :disabled="!itemData.editable" placeholder=" " @change="inputValChange"></el-input><!--inputVal 改为 selectVal--><el-sel...原创 2020-03-18 14:38:58 · 192 阅读 · 0 评论 -
计算属性和侦听器
这也同样意味着下面的属性不在更新,因为Date.now不是响应式依赖:computed: { now: function () { return Date.now() }}原创 2019-11-30 15:28:07 · 127 阅读 · 0 评论 -
Vue-模板语法
模板语法注意:你不能使用v-html来复合局部模板,因为Vue不是基于字符串的模板引擎。反之,对于用户界面(UI),组件更适合作为可重用和可组合的基本单位。...原创 2019-11-30 12:15:37 · 238 阅读 · 0 评论 -
学习vue.js遇到的问题(2019-11-24 星期日)
学习vue的时候遇到的问题new Vue({ data: { message: "Hello,World!" }})<template> <div id="app"> <h1>{{message}}</h1> </div></template><...原创 2019-11-24 17:18:58 · 123 阅读 · 0 评论 -
vue中eventbus被多次触发
https://www.cnblogs.com/chenhuichao/p/10122264.html原创 2019-11-11 21:42:54 · 327 阅读 · 0 评论 -
this的问题
let dealData = data.map((item)=>{ return { id: item.id, mark: item.ename, name: item.name, type: item.type, remark: item.remark...原创 2019-11-11 17:22:56 · 121 阅读 · 0 评论 -
v-show和v-if的区别
v-show和v-if的区别首先我们看看vue官网的解释v-show用法:<div v-show="isShow"> 是否展示</div>带有v-show的元素始终会被渲染被保留在DOM中。v-show只是简单的切换元素的CSS属性display。注意:v-show不支持元素,也不支持v-else。v-if vs v-showv-if 是真正的...原创 2019-10-26 16:34:38 · 281 阅读 · 0 评论 -
学习vue的过程中遇到的问题
代码不生效{{#if ok}} <h1>Yes</h1>{{/if}}原创 2019-10-26 13:26:52 · 255 阅读 · 0 评论 -
为什么修改vue.config.js配置需要重新启动
为什么修改vue.config.js配置需要重新启动?原创 2019-10-13 15:38:01 · 3899 阅读 · 2 评论 -
自己写一个devider
<div class="flex"> <div class="align-items"> <div class="set">摘要</div> </div> <div class="line-box align-items"> <div class="line"></div>...原创 2019-09-15 17:22:49 · 316 阅读 · 0 评论 -
vue路由
#vue-router介绍Vue Router 是 Vue.js 官方的路由管理器。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为安装直接下载|SDN/NPM/构建开...原创 2019-09-11 20:52:16 · 381 阅读 · 0 评论 -
vue.js 计算属性 学习笔记
&lt;div id='app'&gt; {{ message.split('').reverse().join('') }&lt;/div&gt;在这个地方模板不再是简单的声明式逻辑。这里是想要反转字符串message。当你想要在模板中多次引用此处的反转字符串时,就会更加难以处理。所以,对于任何复杂逻辑,你都应当使用计算属性。提问:(1)当你想要在模板中多次引用此处的反转字符串时,...原创 2018-10-06 15:24:22 · 236 阅读 · 0 评论 -
vue.js 自定义事件 学习笔记
自定义事件父组件是通过props把数据传递给自组件,那么自组件要把数据传递给父组件的话,就需要自定义事件。可以使用v-on绑定事件。$on 监听事件$emit 触发事件另外,父组件可以在使用子组件的地方直接用v-on来监听自组件触发的事件。...原创 2018-10-12 08:50:36 · 235 阅读 · 0 评论 -
Vue入门学习(二)
构造器 每个vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的var vm = new Vue({ //选项})在实例化Vue时,需要传入一个选项对象,它可以包括数据、模板、挂载元素、方法、生命周期钩子等选项。全部的选项可以在API文档中查看 可以扩展Vue构造器,从而用预定义选项创建可复用的组件构造器:var MyComponent = Vue.extend({原创 2017-06-22 21:57:57 · 300 阅读 · 0 评论 -
Vue入门学习(三)
Vue实例 构造器 每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的:var vm = new Vue({})原创 2017-06-23 09:31:01 · 372 阅读 · 0 评论 -
Vue-路由
对于初学者童鞋,在代码出错时,不要急于回去看代码,而是看控制台是否报错,如果报错,再定位。这样迅速的找到错误所在。而不是急于看代码,看了半天也没找到原因。原创 2017-07-06 00:12:14 · 296 阅读 · 0 评论 -
Vue学习(一)
Vue.js是JavaScript的MVVM(Model-View-ViewModel)框架,像这样的框架还有AngularJs,为什么叫MVVM框架,因为数据和模型任意一方改变,另一方也随之改变。是同步的。Vue的核心只关注视图层。 MVVM模式即Model-View-ViewModel。 Vue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦绑定,视图和数据就保持同步。每当数据发生改原创 2017-07-04 17:48:00 · 438 阅读 · 0 评论 -
vue-安装
vue安装1.直接 <script> 引入直接下载并<script>标签引入,Vue会被注册成一个全局变量。 重要提示: 在开发时请用开发版本,会给出友好的提示。 2.NPM在用Vue.js构建大型应用时推荐使用NPM安装,NPM能很好的和诸如Webpack或Browserify模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。npm install vue3.命令行工具(C转载 2017-08-26 12:24:42 · 238 阅读 · 0 评论 -
Vue介绍
1.声明式渲染 Vue.js的核心是一个允许采用简单的模板语法来声明式的将数据渲染进DOM<div id="app"></div>var app = new Vue({ el: '#app', data: { message: "Hello Vue!" }})除了文本插值之外,我们还可以采用这样的方式绑定DOM元素属性:<div id="app">原创 2017-08-27 14:31:04 · 438 阅读 · 0 评论 -
Vue实例
构造器每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的var vm = new Vue({ //选项})在实例化Vue时,需要传入一个选项对象,包含挂载元素(el)、数据(data)、模板(template)、方法(methods)和生命周期钩子等选项。可以扩展Vue构造器,从而用预定义选项创建可复用的组件构造器:var myComponent = Vue.exten原创 2017-08-28 10:29:50 · 309 阅读 · 0 评论 -
Vue学习3(模板语法)
Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有的Vue.js都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。 在底层的实现上,Vue将模板编译成虚拟DOM函数。结合响应系统,在应用状态改变时,Vue能够智能的计算出重新渲染组件的最小代价并应用到DOM上。 插值文本数据绑定最常见的形式就是使用“Mustache”语法(双大括号原创 2017-08-28 21:47:04 · 1263 阅读 · 0 评论 -
Trailing spaces not allowed
Trailing spaces not allowed原创 2018-09-13 11:18:44 · 2477 阅读 · 1 评论 -
Vue.js 起步
Vue.js 起步 每个Vue应用都需要通过实例化Vue来实现。 语法格式如下:var vm = new Vue({ //选项})实例&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta chars原创 2018-09-14 11:01:19 · 244 阅读 · 0 评论 -
Vue入门学习(一)
目前,前端主要有jquery、react、Angular、Vue等主流框架,各有其特点,可以进行对比今天我们看一下Vue.js的魅力所在。 Vue.js是什么? Vue(读音 /vjuː/,类似于 view)是一套构建用户界面的渐进式框架。与其他重量级别框架不同的是,Vue采用自底向上的增量开发的设计。Vue的核心只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件原创 2017-06-22 14:19:25 · 603 阅读 · 0 评论