
Vue.js
文章平均质量分 62
前端小董~~~
这个作者很懒,什么都没留下…
展开
-
Vue——事件处理及时间修饰符
3)methods对象中配置的函数,不要使用箭头函数!4)methods对象中配置的函数都是被Vue所管理的,this的指向是vm或组件实例对象。2)时间的回调要配置在methods对象中,最终会出现在Vue实例对象身上。5)self:只有event.target是当前操作的元素时才触发事件;6)passive: 时间的默认行为立即执行,无需等待事件回调执行完毕。4)capture:使用事件的捕获模式;'对不起,不能跳转,您已阻止默认事件!2)stop:阻止事件冒泡(常用);1、Vue中的事件修饰符。原创 2023-03-06 13:33:20 · 691 阅读 · 0 评论 -
Vue——创建Vue脚手架
a.安装全局@vue/cli(仅第一次执行,只需要在第一次创建脚手架的时候执行一次,电脑上会多出来一个全新的命令vue,以后创建脚手架时只需要呼唤vue,以后都不需要执行)1)Vue CLI使用的前提Node.js、webpack(npm install webpack -g全局安装)。脚手架作用是创建项目的初始文件,本质是方案的封装。b.执行下列命令,在执行过程中遇到一些警告属于正常现象,如果遇到卡顿的情况按一下回车就行。这是Vue为你准备的hello world组件,到此vue脚手架创建完毕。原创 2023-02-19 15:38:46 · 624 阅读 · 0 评论 -
Vue——Hello小案例以及分析
5、{{ xxx }}是Vue的插值语法(先这样写,后面会详细介绍),大括号里的xxx要写js表达式,且xxx可以自动读取到data中的所用属性;2、el是element的缩写,在Vue实例和容器之间建立一个关系,el用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串;6、一旦data中的数据发生变化,那么模板中用到该数据的地方也会自动更新。1、想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;4、不变的文字正常写,变化的文字交给Vue进行维护;// 创建Vue实例。原创 2023-02-03 13:44:57 · 212 阅读 · 0 评论 -
Vue——解决Vue安装成功后控制台出现的一些问题
你正在运行一个开发版本的Vue,请你确信你在生产环境里不要这样做,就是说他发现你引入的Vue.js体积有点大,里面包含了很多的警告,在产品上线时使用这版不太好。1.先看第一条小提示:请你下载Vue的开发者工具达到一个更好的开发体验,其实就是说官方推荐在浏览器上安装官方所推出的Vue开发者工具。第一个小提示消失了,但但我们很多同学无法访问chrome网上应用店,只能使用下载好的了,我放在了网盘了,有需要的小伙伴自取哦~这样Vue的开发者工具就下载完了,我们再看一下控制台。→点击学习→点击教程→点击安装。原创 2023-01-30 20:14:50 · 780 阅读 · 0 评论 -
Vue——搭建Vue开发环境
开发版本与生产版本的区别:开发版本包含了完整的警告和调试模式,生产版本删除了警告,在开发过程中最好使用开发版本,能及时的发现错误和警告。在学习中使用开发版本。1)点击绿色的开发版本,就会以Vue.js(就是一个js文件)的文件形式下载到自己的电脑上;刚开始学习Vue时最好使用传统的在HTML中引入js文件(直接使用Script标签引用):不建议使用使用这种方法安装Vue,因为这种方法在以后写代码时都需要网络。2)打开浏览器→打开开发者工具→打开控制台。3)打开浏览器→打开开发者工具→打开控制台。原创 2023-01-28 21:18:31 · 599 阅读 · 1 评论