首先,两个文件夹 src/components 和src/views 都包含 Vue 组件。 关键区别在于一些 Vue 组件充当路由的 _视图_。 在Vue 中处理路由时,通常使用 Vue Router ,定义路由是为了切换 <router-view> 组件中使用的当前 _视图_。这些路由通常位于 src/router/routes.js ,我们可以在其中看到如下内容:
首先,src/components和文件夹src/views都包含Vue组件。 关键区别在于某些Vue组件充当路由视图。 在Vue中(通常是Vue Router)处理路由时,将定义路由以切换组件中使用的当前视图<router-view>。这些路线通常位于src/router/routes.js 位于下方的组件src/components不太可能在一条路线中使用,而位于下方的组件src/views将被...
第二，从架构角度来讲，这两个有本质区别。 components 是小组件 containers 是容器级组件 views 是页...
首先,两个目录 src/components 和src/views 均包含 Vue 组件。 关键区别在于部分 Vue 组件在路由中扮演 视图 的作用。 处理Vue 路由通常使用 Vue Router,路由是为了切换 <router-view> 组件的当前 视图。这些路由通常被放在 src/router/routes.js,我们可以在此看到如下内容: import Home from '@/views/Home.vue...
每个人项目结构不一样。我是这样子区分组件的。components是小组件containers是容器级组件(根据项目大小决定是否使用)views是页面级组件 从组件大小级别区分 components - (containers)- views有用2 回复 查看全部 4 个回答 推荐问题 js 如何将Key属性相同的放在同一个数组? {代码...} 说明:id和name是动态的,有可...
views 和 components 文件夹下有各自的文件。views 文件夹中为页面入口,掌管数据,而 components 则为页面中一些组件抽离。如果是公共组件,再抽离到 components 文件夹下其他位置。 3、hook 抽离:尽可能将逻辑抽离,并不一定要进行复用。 二、关注点分离
│ ├── components │ ├── router │ ├── store │ ├── utils │ ├── views │ ├── App.vue │ └── main.ts ├── tests ├── node_modules ├──package.json ├── tsconfig.json └──README.md public:存放静态资源文件,如HTML文件、图片、图标等。
components:用于存放自定义的公共组件,即非路由组件,区别views包下的page组件。router:vue-router路由文件。index.js中引入views包下的.vue。store:是vuex的文件,主要用于项目里边的一些状态保存。比如state、mutations、actions、getters、modules。 views:用于存放我们写好的各种页面,即路由组件,比如Login.vue,Home.vue。
import Vue from'vue' //导入路由插件 import Router from 'vue-router' //导入上面定义的组件 import Content from '../components/Content' import Main from '../components/Main' //安装路由 Vue.use(Router) ; //配置路由 export default new Router({ routes:[ { //路由路径 path:'/content', //...