GuLi商城-前端基础Vue

喜欢ヅ旅行 2024-03-17 15:25 29阅读 0赞

#### MVVM思想 ####

*  M：即Model，模型，包括数据和一些基本操作
 *  V：即View，视图，页面渲染结果
 *  VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉）

[Vue.js - 渐进式 JavaScript 框架 | Vue.js][Vue.js - _ JavaScript _ _ Vue.js]

![1043b23d4586476aa3436c02c6184400.png][]使用NPM初始化项目：npm init -y

![2efa1469fb3d413b95fee548787861db.png][]

安装vue

npm install vue

![ee790c980af9441c8ee2313c4a0d54b0.png][]

写一个index.html测试下：

![384782cfea0741e7b8ac252365254529.png][]

![4ff9b95266f84c02b4f8d55a9a7401b3.png][]

[Vue.js - _ JavaScript _ _ Vue.js]: https://cn.vuejs.org/
[1043b23d4586476aa3436c02c6184400.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/1d499d8807ee4aa2b20c7d04fe35f634.png
[2efa1469fb3d413b95fee548787861db.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/5f54dcecbc7040eba86e95c5719fbbb6.png
[ee790c980af9441c8ee2313c4a0d54b0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/28cd617bc22141bbb00bd528998e8fd1.png
[384782cfea0741e7b8ac252365254529.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/a1efe293133f450cae7543f34e93629f.png
[4ff9b95266f84c02b4f8d55a9a7401b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/77b7d3f748a0444eb110fc207625cf10.png

发表评论取消回复

表情：

评论列表（有 0 条评论，29人围观）

还没有评论，来说两句吧...

相关阅读

相关 GuLi商城-前端基础Vue-整合ElementUI快速开发

![c885cf480af44cceb3e2aac593094a9d.png][] npm安装 ![c8850fa0df5c4728ac255155e1d27dd7.png

柔情只为你懂/ 2024年03月26日 23:18/ 0 赞/ 39 阅读

相关 GuLi商城-前端基础Vue-使用Vue脚手架进行模块化开发

![3040e4299c6b4b04ae14affc53295d1f.png][] ![612c1432ddd54817892720504d8d326d.png][]![dd

系统管理员/ 2024年03月24日 18:32/ 0 赞/ 35 阅读

相关 GuLi商城-前端基础Vue-生命周期和钩子函数

![1cf180b315e147f3a46b0cf93d21a021.png][] 下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它

我不是女神ヾ/ 2024年03月24日 18:31/ 0 赞/ 35 阅读

相关 GuLi商城-前端基础Vue-组件化基础

![bba1f225220f43b79695dff7885dc057.png][] ![1b4ce995bbec4d6394314ad125f7eb95.png][]![0b

﹏ヽ暗。殇╰゛Y/ 2024年03月24日 18:30/ 0 赞/ 32 阅读

相关 GuLi商城-前端基础Vue-过滤器

![9431e16259e247e181bb52ae443cd1d1.png][] ![1c744504817f462ba3fc41e82fdbab58.png][]![a2

港控/mmm°/ 2024年03月24日 18:29/ 0 赞/ 31 阅读

相关 GuLi商城-前端基础Vue-计算属性computed和侦听器watch

![0f36dc2b9fab41ad80c00da3820b94d9.png][] ![708783f02b8c47e7b14ce9f351813905.png][] ![

爱被打了一巴掌/ 2024年03月24日 18:28/ 0 赞/ 35 阅读

相关 GuLi商城-前端基础Vue指令v-on

![66f76bfbc4884eb08b1a23df8628bb9a.png][] ![6f2491353a934b2b904df394fecf35fb.png][] ![e

系统管理员/ 2024年03月24日 18:21/ 0 赞/ 32 阅读

相关 GuLi商城-前端基础Vue指令-单向绑定&双向绑定

什么是指令? 指令 (Directives) 是带有 \`v-\` 前缀的特殊特性。指令特性的预期值是:单个 JavaScript 表达式。指令的职责是，当表达式的值

女爷i/ 2024年03月22日 23:15/ 0 赞/ 41 阅读

相关 GuLi商城-前端基础Vue-浏览器vue插件安装

![1d3d05835c5446a795dce74b5a1fb330.png][] ![d05a6f90afc941a68e181d95be7ddffb.png][] ![

- 日理万妓/ 2024年03月22日 23:15/ 0 赞/ 40 阅读

相关 GuLi商城-前端基础Vue

MVVM思想 M：即Model，模型，包括数据和一些基本操作 V：即View，视图，页面渲染结果 VM：即View-Model，模型与视图间的双向操作（

喜欢ヅ旅行/ 2024年03月17日 15:25/ 0 赞/ 30 阅读