![](https://img-blog.csdnimg.cn/db1e5b9c8f46478e86c4c225b95c7c51.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 70
vue相关
Lucy-
这个作者很懒,什么都没留下…
展开
-
Vue2 锚点定位,滚动效果回到顶部
锚点定位及跳转(url不发生变化)HTML5选择了scrollIntoView() 作为标准方法,scrollIntoView()可以在所有的HTML元素上调用。通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视窗中。如果给该方法传入true作为参数,或者不传入任何参数,那么 窗口滚动之后会让调动元素顶部和视窗顶部尽可能齐平。如果给该方法传入false作为参数,调用元素会尽可能全部出现在视口中(可能的话,调用元素的底部会与视口的顶部齐平)不过顶部不一定齐平。<templ原创 2022-02-19 16:15:58 · 1037 阅读 · 0 评论 -
Vue2- 移动端购物商城
1. vue快速创建基础项目vue create mall-vue2选择需要的配置,选用Vue2 进行创建创建基础文件夹目录src文件夹下文件夹目录:① views 文件夹存放界面② components 文件夹存放界面中局部组件③ config 文件夹存放各种全局配置④ images 文件夹存放图片⑤ plugins 文件夹存放各种插件⑥ router 文件夹存放路由⑦ store 文件夹存放vuex相关文件⑧ service 文件夹存放服务器端相关操作,接口等⑨ sty原创 2021-11-05 11:11:24 · 1239 阅读 · 0 评论 -
vue项目 Network: unavailable的解决办法
vue项目npm run serve 后,只有localhost访问,network不能访问,如下:解决办法:在vue项目根目录下创建vue.config.js文件在devServer配置里面添加public,如下代码所示。 public:‘192.168.1.2:8080’,module.exports = { configureWebpack: {}, devServer: { // 环境配置 host: '0.0.0.0', pub...原创 2021-09-01 21:47:25 · 28171 阅读 · 16 评论 -
发布/订阅模式、 观察者模式在Vue中的应用场景
发布/订阅模式和观察者模式通常被混为一谈,但它们在Vue中有着不同的应用场景。发布/订阅模式核心:订阅者 发布者 信号中心(事件中心)我们假定:存在一个“信号中心”,某个任务执行完成,就向信号中心“发布”一个信号,其它任务可以向信号中心“订阅”(subscribe)这个信号,从而知道什么时候可以开始执行,这就是发布/订阅模式发布/订阅模式在Vue中的应用场景:子组件与父组件的通信方式、兄弟组件通信观察者模式核心: 观察者(Watcher): 每个观察者必须有一个 upda原创 2021-07-08 16:12:49 · 1031 阅读 · 0 评论 -
关于Vue的简单梳理-2
1. Vue的设计思想 、MVVM框架 数据驱动应用 + MVVM模式的践行者 MVVM是 Model-View-ViewModel 缩写,是一个软件架构设计模式。Model层代表数据模型,View代表UI组件,ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并⾃动将数据渲染到⻚⾯中,视图变化的时候会通知viewModel层更新数据 MVVM框架的三要素:响应式、模板引擎及其渲染 响应式:vue如何监听data的属性变化 模版:vue的...原创 2021-07-06 19:54:55 · 162 阅读 · 0 评论 -
Vue (Vue+Vue-router+Vuex)简单梳理-1
一,Vue(整体架构)1,Vue的设计思想数据驱动应用MVVM模式的践行者(响应式,模板,渲染)2,计算属性computed 和 监听器watch监听器适合一个数据影响多个数据,计算属性适合一个数据受多个数据影响计算属性有缓存性监听器选项提供了更通用的方法,适合执行异步操作或较大开销操作的情况3,Vue组件化的理解组件是可复用的Vue (VueComponent)的实例,继承自Vue。优点:可以增加代码的复用性、可维护性和可测试性。-使用场景:通用组件,业务组件,页面组原创 2021-03-01 13:21:38 · 749 阅读 · 0 评论 -
vue-cli 、webStrom 配置使用less
1、先安装less,less-loadernpm install less less-loader --save-dev会在package.json中看到: &amp;amp;amp;quot;less&amp;amp;amp;quot;: &amp;amp;amp;quot;^3.0.2&amp;amp;amp;quot;, &amp;amp;amp;quot;less-loader&am原创 2018-08-14 11:29:05 · 636 阅读 · 0 评论 -
搭建Vue脚手架(vue-cli)
1、安装node.js 从node.js官网:https://nodejs.org/en/下载并安装node,安装过程很简单,一路“next”就可以了,默认是安装到C盘,也可以更改安装位置;PS:如果Node.js默认安装路径改到了D盘,则需要配置环境变量;打开计算机属性-高级系统设置-环境变量,在系统变量列表中找到path变量; 这个每个人电脑不同,具体界面可能不一样。 ...原创 2018-08-03 18:13:02 · 650 阅读 · 0 评论