-
常用的dos命令
查看全部 -
2020-06-30 0:12
查看全部 -
this.$http.get(url).then(function(res){
})
查看全部 -
npm install eslint --save #生产环境安装
npm uninstall eslint --save #卸载
npm install eslint --save-dev #开发环境
查看全部 -
props:{}: 父组件进行传值
watch:{} : 进行对父组件传递到之间的监听
查看全部 -
v-bind:src=" good.img"把数据绑定在img上面,bjb.json里面img可以随时进行动态图片更新。
v-for="good in list":key:"good"还要把good绑定在key值上面,不然会报错。
查看全部 -
用事件总线传值需要用:.js
查看全部 -
bottom
查看全部 -
vue-cli3的第一个hello word
页面写法跟之前的cli2是一样的
主要是结构有一些变化出现了views视图层的概念,主要是mvc的思想形成的结构变化,views以后可以都用于存放我们自己写的页面视图
而components是写组件的,希望以后能区分开
查看全部 -
vue-cli3创建项目
先创建一个test3文件md test3 并进入cd test3
安装vue项目:vue create test3-
进入命令行选择页面
default (babel, eslint):默认选项
Manually select features:手动配置
然后进行手动配置的内容
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Babel //
( ) TypeScript //新的js逻辑,我们用传统的js就好
( ) Progressive Web App (PWA) Support
(*) Router //路由跳转必选
( ) Vuex
( ) CSS Pre-processors
() Linter / Formatter //代码规范,暂时不安装后面会安装
( ) Unit Testing //单元测试
( ) E2E Testing //单元测试
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) //是否使用#号的历史路径
选择y
? Where do you prefer placing config for Babel, ESLint, etc.? In package.json
选择y
后面都y就可以了,之后就不需要人工干预了
注意先cd到test3安装好的项目中,然后再npm run serve;跟cli2之前的都不一样
查看全部 -
主要使用技术
组件及组件之间传值
axios实现读取json数据:商品的数据源存于json中
css相关技术进行布局,间距等样式
使用views页面级组件,使用router设置页面
查看全部 -
子路由挂载:<router-view></router-view>
查看全部 -
vue-cli3创建项目:
安装vuecli3: vue create test3
进入项目目录 : cd
启动项目: npm run serve
查看全部 -
启动图形界面:vue ui;
查看全部 -
普通安装 vuecli3: npm install -g @vue/cli
查看全部
举报