vue项目的文件夹含义及常用指令---随笔记录(二)

随笔一已介绍了vue的安装及项目搭建,随笔记录二我打算用来记录一些常用指令和文件夹的含义(新手可以看过来了哈~)

vue项目的文件夹含义:

            

            直接偷了一段大佬对于这些文件夹的注解 https://www.cnblogs.com/chenleideblog/p/10432375.html

            

├── build/ # Webpack 配置目录
├── dist/ # build 生成的生产环境下的项目
├── config/ # Vue基本配置文件，可以设置监听端口，打包输出等
├── node_modules/ # 依赖包，通常执行npm i会生成
├── src/ # 源码目录（开发的项目文件都在此文件中写）
│ ├── assets/ # 放置需要经由 Webpack 处理的静态文件，通常为样式类文件，如css，sass以及一些外部的js
│ ├── components/ # 公共组件
│ ├── filters/ # 过滤器
│ ├── store/ 　　　　 # 状态管理
│ ├── routes/ # 路由，此处配置项目路由
│ ├── services/ # 服务（统一管理 XHR 请求）
│ ├── utils/ # 工具类
│ ├── views/ # 路由页面组件
│ ├── App.vue # 根组件
│ ├── main.js # 入口文件
├── index.html # 主页，打开网页后最先访问的页面
├── static/ # 放置无需经由 Webpack 处理的静态文件，通常放置图片类资源
├── .babelrc # Babel 转码配置
├── .editorconfig # 代码格式
├── .eslintignore # （配置）ESLint 检查中需忽略的文件（夹）
├── .eslintrc # ESLint 配置
├── .gitignore # （配置）在上传中需被 Git 忽略的文件（夹）
├── package.json # 本项目的配置信息，启动方式
├── package-lock.json # 记录当前状态下实际安装的各个npm package的具体来源和版本号
├── README.md # 项目说明（很重要，便于其他人看懂）

                                    我补充一些开发过程中常用到的文件:router文件夹用来指向路由路径的 main.js用来存放组件路径并激活使用

常用指令:

     双大括号语法无法渲染HTML标签，我们需要使用v-html。

     类似双大括号语法渲染数据的另一种方式是使用v-text。

     接下来，我们看看数组和对象的渲染方式 v-for.

     渲染数据的时候，同样也可以使用条件判断 v-if v-show (通过样式的display控制标签的显示)。

     绑定属性 v-bind 它可以简写为 :class, :href.....

     使用v-on我们可以在标签上面绑定事件 v-on:click=""也可以 @click=""

     最重要的双向绑定 v-model

     watch方法 监听属性

     $ref 的传值方式

     下一篇我将讲一讲具体项目中用过的一些常用方法和vue的传值与普通js绑值有什么差异 vue项目中常用的属性---随笔记录(三)