溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這幾天新項目用vue2.0開發，由于之前沒用過vue，拿到項目框架看到都是.vue文件，
不知道怎么用，以下是關于.vue文件的發現：
1、一個.vue文件是一個封裝的組件，在.vue文件里可以寫 html, css, js
其中template 中寫html 代碼，其實就是定義模板。
2、各個.vue之間樣式不是獨立的，同一選擇器在不同的.vue里只要滿足選中的條件就可以起作用.比如我在箭頭1指的文件里定義了樣式 .box{ width:200px; },如果在箭頭2指的文件里也有 .box，那么 .box{ width:200px; }就會在箭頭2的文件也起作用，除非是在箭頭2的文件重新定義樣式并覆蓋。
3、不使用.vue 單文件時，通過 Vue 構造函數 創建一個 Vue 根實例來啟動vuejs 。.vue文件中不用Vue創建實例，用export default 。 .vue文件中 export default 后面的對象 就相當于 new Vue() 構造函數中的接受的對象：
即：
<script>
export default{
data:function(){
return {
//返回一個對象
}
},
methods:{
//定義方法
}
}
</script>
4、可以引入less等：
5、在route.js中設置跳轉路徑是，如果調到某一文件夾下的 index.vue文件，則可以省略文件夾后的 index.vue。要跳轉到這個文件時：
則下面這兩句話是等價的：
所以一般是省略掉文件夾后的index.vue。
以上關于這個.vue的組件應用，希望對您有所幫助。也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
