คำถามติดแท็ก vue-cli

ฉันเพิ่งติดตั้ง Vue และทำตามแบบฝึกหัดเพื่อสร้างโครงการโดยใช้เทมเพลต vue-cli webpack เมื่อสร้างส่วนประกอบฉันสังเกตเห็นว่ามันผูกข้อมูลของเราไว้ภายในสิ่งต่อไปนี้: export default { name: 'app', data: [] } ในขณะที่บทช่วยสอนอื่น ๆ ฉันเห็นว่าข้อมูลถูกผูกไว้จาก: new Vue({ el: '#app', data: [] )} อะไรคือความแตกต่างและทำไมดูเหมือนว่าไวยากรณ์ระหว่างทั้งสองแตกต่างกัน? ฉันมีปัญหาในการทำให้โค้ด 'new Vue' ทำงานจากภายในแท็กที่ฉันใช้จาก App.vue ที่สร้างโดย vue-cli

137 vue.js  vue-component  vue-cli 

ฉันควรทำอย่างไรหลังจากพัฒนาแอปVueด้วยvue-cli? ในAngularมีคำสั่งบางอย่างที่รวมสคริปต์ทั้งหมดไว้ในสคริปต์เดียวจากนั้นไฟล์เหล่านี้จะถูกส่งไปยังโฮสต์ มีบางอย่างที่เหมือนกันในVueหรือไม่?

133 vue.js  vuejs2  vue-cli 

ฉันเพิ่งใช้บรรทัดคำสั่ง ( CLI) เพื่อเริ่มต้นโครงการ Vue.js CLIสร้างsrc/componentsและsrc/viewsโฟลเดอร์ เป็นเวลาสองสามเดือนแล้วที่ฉันทำงานกับโครงการ Vue และโครงสร้างโฟลเดอร์ดูเหมือนจะใหม่สำหรับฉัน อะไรคือความแตกต่างระหว่างviewsและcomponentsโฟลเดอร์ในโครงการ Vue ที่สร้างขึ้นด้วยvue-cli?

129 vue.js  vuejs2  vue-cli  vue-cli-3  vue-cli-4 

เมื่อสร้างโครงการใหม่ด้วย CLI (v3.7.0) มีตัวเลือกให้เลือกระหว่างdart-sassหรือnode-sassคอมไพเลอร์ เหล่านี้จะเปรียบเทียบวิธีการแต่ละอื่น ๆ ที่จะเฉพาะเจาะจงมากขึ้นกว่าที่ประกาศไว้ในเอกสาร Vue ? เคล็ดลับเกี่ยวกับประสิทธิภาพของ Sass โปรดทราบว่าเมื่อใช้ Dart Sass การคอมไพล์แบบซิงโครนัสจะเร็วกว่าการคอมไพล์แบบอะซิงโครนัสเป็นสองเท่าโดยค่าเริ่มต้นเนื่องจากค่าใช้จ่ายของการเรียกกลับแบบอะซิงโครนัส เพื่อหลีกเลี่ยงค่าใช้จ่ายนี้คุณสามารถใช้แพ็คเกจ fibre เพื่อเรียกผู้นำเข้าแบบอะซิงโครนัสจากเส้นทางรหัสซิงโครนัส ในการเปิดใช้งานสิ่งนี้เพียงแค่ติดตั้งเส้นใยเป็นการพึ่งพาโครงการ: npm install -D fibers โปรดทราบด้วยว่าเป็นโมดูลดั้งเดิมอาจมีปัญหาความเข้ากันได้ที่แตกต่างกันไปตามระบบปฏิบัติการและสภาพแวดล้อมการสร้าง ในกรณีนี้โปรดเรียกใช้npm uninstall -D fibersเพื่อแก้ไขปัญหา ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys) ❯ Sass/SCSS (with dart-sass) Sass/SCSS …

122 vue.js  webpack  sass  vue-cli  node-sass 

วิธีเปลี่ยนหมายเลขพอร์ตในโครงการ Vue-cli เพื่อให้รันบนพอร์ตอื่นแทน 8080

115 vue.js  vuejs2  command-line-interface  vue-cli 

ฉันใช้ Vue CLI 3 และ Vuetify 2.1 ในโครงการใหม่ ish และค้นคว้าเมื่อเร็ว ๆ นี้เอาชนะตัวแปร SASS Vuetify ของ ในที่สุดหลังจากทำให้มันใช้งานได้ฉันก็ตระหนักว่าทุกครั้งที่ฉันแก้ไขvariables.scssไฟล์ที่ฉันสร้างและโครงการคอมไพล์ใหม่มันใช้เวลาประมาณ 5 นาทีในการรวบรวม ฉันพยายามอัปเดตสคริปต์ package.json เพื่อชนหน่วยความจำที่โหนดใช้และในขณะที่แก้ไขข้อผิดพลาดที่ฉันได้รับซึ่งทำให้คอมไพล์ขัดข้องผลก็คือเวลารวบรวมช้ามาก ความคืบหน้าที่แสดง (ฉันใช้ Foreman เพื่อรันทั้ง Rails API และเซิร์ฟเวอร์ Vue ของฉันในเวลาเดียวกัน) ดูเหมือนว่า: 17:47:29 web.1 | <s> [webpack.Progress] 69% building 916/930 modules 14 active /<path/to/app>/frontend/node_modules/css-loader/index.js??ref--9-oneOf-3-1!/<path/to/app>/frontend/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/<path/to/app>/frontend/node_modules/sass-loader/lib/loader.js??ref--9-oneOf-3-3!/<path/to/app>/frontend/node_modules/vuetify/src/components/VSwitch/VSwitch.sass โหลดเหล่านี้ดำเนินต่อไปตามที่ฉันกล่าวถึงเป็นเวลาประมาณห้านาทีก่อนที่มันจะเสร็จสิ้นในที่สุด ฉันเดาว่าเพราะฉันปรับปรุงตัวแปรมันต้องผ่านและอัพเดตสไตล์นั้นสำหรับแต่ละองค์ประกอบและอินสแตนซ์ของตัวแปรนั้นใน Vuetify node_module คำถามของฉันคือว่ามีวิธีการเร่งนี้ บางทีฉันอาจตั้งค่าบางอย่างผิดปกติที่ทำให้เกิดปัญหานี้ หรือนี่เป็นเรื่องปกติโดยสิ้นเชิงและฉันจะต้องจัดการกับมันเหรอ? …

9 webpack  vuetify.js  vue-cli